<template>
  <div id="vmheader">
	<h1>新型冠状肺炎实时监测</h1>
   <ZpTime class="time"></ZpTime>
</div>
</template>

<script>
import ZpTime from "./common/ZpTime.vue"
export default {
		name:'vmheader',
		components:{
			ZpTime
		},
	}
</script>
<style scoped>
	#vmheader{
		height: 100px;
		position: relative;
		background: url('../assets/image/head_bg.png') no-repeat top center;  
		background-size: 100% 100%;  
	}
	
	#vmheader h1{
		color: white;
		font-size: 38px;
		line-height: 80px;
		text-align: center;
	}
	#zptime{
		line-height: 75px;
		color: rgba(255, 255, 255, 0.7);
		font-size: 20px;
		position: absolute;
		top: 0;
		right:30px
	}
	
</style>
